@charset "utf-8";
/* -----------------------------------------------------------------
 html,body
----------------------------------------------------------------- */
html, body {
  -webkit-text-size-adjust: none;
  word-wrap: break-word;
  line-height: 1.6;
  letter-spacing: .06rem;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "Hiragino Kaku Gothic ProN", sans-serif;
  font-size: 13px;
  color: #0d6fb8;
}
body {
  position: relative;
  overflow-wrap: break-word;
  overflow-y: scroll;
  background-color: #fff;
}
main {
  overflow: hidden;
  display: block;
}
h1, h2, h3, h4, h5, h6 {
  line-height: 1.5;
  letter-spacing: .1rem;
}

/**English**/
html[lang="en"],html[lang="en"] body {
  font-family: "Rubik", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "Hiragino Kaku Gothic ProN", sans-serif;
}

@media print, screen and (min-width: 375px) {
  html, body {
    font-size: 14px;
  }
}
@media print, screen and (min-width: 768px) {
  html, body {
    font-size: 15px;
  }
}
@media print, screen and (min-width: 1024px) {
  html, body {
    font-size: 16px;
  }
}
/* -----------------------------------------------------------------
 common
----------------------------------------------------------------- */
/*---------- clearfix ----------*/
.clearfix::after {
  content: '';
  display: block;
  clear: both;
}
/*---------- overlay ----------*/
#overlay {
  display: none;
  position: fixed;
  top: 0;
  width: 100vw;
  height: 100vh;
}
/*---------- scl_fadein ----------*/
.scl_fadein{
  visibility: hidden;
}
/* IE表示用のCSS　*/
@media all and (-ms-high-contrast:none) {
  .scl_fadein{
    visibility: visible;
  }
}
/*---------- body.fixed ----------*/
@media screen and (max-width: 1179px) {
  body.fixed {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
  }
}
/*---------- link ----------*/
a {
  color: #0d6fb8;
  text-decoration: none;
}
a.underline {
  border-bottom: #0d6fb8 1px solid;
  transition: .5s;
}
body:not(.ios) a.underline:hover {
  border-bottom: rgba(13,111,184,.2) 1px solid;
}
a.blank[target="_blank"] {
  padding-right:24px;
  background:url(../img/ico_blank_bl.svg) no-repeat right 7px center;
  background-size:11px;
}

/*---------- マウスオーバー ----------*/
.ov{
  display:block;
}
.over{
  display:block;
}
@media screen and (min-width : 835px){
  .ov,
  .over{
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    cursor: pointer;
  }
  .ov:hover{
    opacity: .6;
    text-decoration: none;
  }
}
/*---------- font ----------*/
.font_bold {
  font-weight: bold;
}
/**English**/
html[lang="en"] .font_bold {
  font-weight: 500;
}
.text_center {
  text-align: center;
}
.font_robot { /*google font*/
  font-family: 'Roboto', sans-serif;
}
.font_robot_condensed { /*google font*/
  font-family: 'Roboto Condensed', sans-serif;
}
.font_rubik { /*google font*/
  font-family: 'Rubik', sans-serif;
}
.font_gothic {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "Hiragino Kaku Gothic ProN", sans-serif;
}
.font_mincho {
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
}
.small {
  font-weight: inherit;
  font-size: 85%;
}

.cmn_mailimg{
  width: 10em;
  display: inline-block;
}
/*---------- color ----------*/
.color_red {
  color: red;
}
.color_pink {
  color: #e764ca;
}
.color_333 {
  color: #333;
}
.color_666 {
  color: #666666;
}
/*以下綴り間違い*/
.collar_red {
  color: red;
}
.collar_pink {
  color: #e764ca;
}
.collar_333 {
  color: #333;
}


/*---------- indent ----------*/
.ind_1em {
  text-indent: -1em;
  margin-left: 1em;
}

/*---------- display ----------*/
.display_none {
  display: none;
}
.display_block {
  display: block;
}
.inline_block {
  display: inline-block;
}
/*---------- flex ----------*/
.flex {
  display: flex;
  flex-grow: 1;
}

/*---------- margin ----------*/
.mt_00 {
  margin-top: 0 !important;
}
.mt_06em {
  margin-top: .6em !important;
}
.mt_1em {
  margin-top: 1em !important;
}
.mt_2em {
  margin-top: 2em !important;
}
.mt_3em {
  margin-top: 3em !important;
}
.mt_4em {
  margin-top: 4em !important;
}
.mt_5em {
  margin-top: 5em !important;
}
.ml_1em {
  margin-left: 1em !important;
}

/* -----------------------------------------------------------------
 for_sp / for_pc
----------------------------------------------------------------- */
.for_sp {
  display: block;
}
.for_sp_inline {
  display: inline;
}
.for_pc {
  display: none;
}
.for_pc_inline {
  display: none;
}
.for_sp_text_center {
  text-align: center;
}
.for_under1023 {
  display: block;
}
@media print, screen and (min-width: 768px) {
  .for_sp {
    display: none;
  }
  .for_sp_inline {
    display: none;
  }
  .for_pc {
    display: block;
  }
  .for_pc_inline {
    display: inline;
  }
  .for_pc_text_center {
    text-align: center;
  }
  .cmn_mailimg{
    width: 12em;
  }  
}
@media print, screen and (min-width: 1024px) {
  .for_under1024 {
    display: none;
  }
}


/* -----------------------------------------------------------------
 form部品
----------------------------------------------------------------- */
input,select,textarea {
  outline:none;
  font-size: 96%;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "Hiragino Kaku Gothic ProN", sans-serif;
}
input[type=text],
input[type=email],
input[type=tel],
select,
textarea {
  background: #f6f6ee;
  padding:10px;
  border:none;
  box-sizing:border-box;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
}
input[type=text]:focus,
input[type=email]:focus,
input[type=tel]:focus,
textarea:focus {
  background: #e9f5ff;
}
select {
  border:#A9A9A9 solid 1px;
}